<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>08强化练习1_字符串</title>
</head>


<body>

</body>
<script>
  /*
    通过字符串
    http://127.0.0.1:5500/day09/1.php?user=www&pwd=123123&repwd=123123&code=asda
    得到如下数组
    [
      ["user", "www"],
      ["pwd", "123123"],
      ["repwd", "123123"],
      ["code", "asda"]
    ]
  */
  var str = 'http://127.0.0.1:5500/day09/1.php?user=www&pwd=123123&repwd=123123&code=asda';

  //1
  var res = str.split('?')[1].split('&')
  var arr = []
  for (i = 0; i < res.length; i++)
    arr.push(res[i].split('='))
  console.log(fn(str))
  //2
  // 随机生成一个五位以内的数，然后输出该数共有多少位，每位分别是什么('个', '十', '百', '千', '万')
  var num = parseInt(Math.random() * 9999) + ''
  function fn(num) {
    str = '有' + num.length + '位数哦' + '每位分别是:'
    for (i = 0; i < num.length; i++) {
      str += num[i] + ','
    } return str
  }
  console.log(fn(num))
  //3
  // 名字只能包含数字、字母，数字不可以开头，长度不低于6，不长于20   [0-9 a-z A-Z _$]
  // 密码6-12位  不能包含特殊字符 , 密码强弱(弱 z/1/A   中 包含两种   强 包含三种  超强 包含四种 )
  // 确认密码  两次输入相同
  // 随机4位验证码  （点击切换验证码）
  var btn = document.getElementById('btn')
  var userSpan = document.getElementById('user_span')
  var pwdSpan = document.getElementById('pwd_span')

  btn.onclick = function fn() {
    //判断用户名是否正确
    // 名字只能包含数字、字母，数字不可以开头，长度不低于6，不长于20   [0-9 a-z A-Z _$]
    var user = document.getElementById('user').value
    if (user.length >= 6 && user.length <= 12) {
      if (isNaN(user.charAt(0))) {//判断首字母是否为数字
        var flag = true
        for (var i = 0; i < user.length; i++) {
          var char = user.charAt(i)
          if (!list.includes(char)) {
            flag = false;
            break;
          }
        }
        if (flag) {
          userSpan.innerHTML = '用户名ok'
        } else userSpan.innerHTML = '用户名不能包含非法字符哦'
      }
      else {
        userSpan.innerHTML = '用户名不能以数字开头哦'
      }
    }
    else {
      userSpan.innerText = '用户名输入错误啦'
    }
    //判断密码是否正确
    // 密码6-12位  不能包含特殊字符 , 密码强弱(弱 z/1/A   中 包含两种   强 包含三种  超强 包含四种 )
    var pwd = document.getElementById('pwd').value
    if (pwd.length >= 6 && pwd.length <= 12) {
      var flag = true
      for (i = 0; i < pwd.length; i++) {
        if (!pwdList.includes(pwd.charAt(i))) {
          flag = false
          break
        }
      }
      if (flag) {
        pwdSpan.innerHTML = '密码输入正确'//判断密码强度


      } else pwdSpan.innerHTML = '密码含有非法字符哦'
    } else pwdSpan.innerHTML = '密码输入错误'
  }







</script>

</html>